<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Expires" content="Fri, Jan 01 1900 00:00:00 GMT"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Lang" content="en"/>
<meta name="author" content=""/>
<meta http-equiv="Reply-to" content="@.com"/>
<meta name="generator" content="PhpED 5.8"/>
<meta name="description" content="thien nhien xanh"/>
<meta name="keywords" content=" thien nhien xanh"/>
<meta name="creation-date" content="01/01/2009"/>
<meta name="revisit-after" content="15 days"/>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/gioithieuStyle.css"/>

<link rel="stylesheet" type="text/css" href="files/tpniceslideshow.css" title="default" />

<script type="text/javascript" src="js/compressed.js"></script>

<link rel="stylesheet" type="text/css" href="skins/tango/skin.css" />

 <script type="text/javascript" src="files/mootools.js"></script>
<script type="text/javascript" src="files/tpniceslideshow.js"></script>



<script type="text/javascript">
            /* <![CDATA[ */
            function startTPNiceSlideShow() {
                var TPNiceSlideShow = new TPSlideShowClass($('TPNiceSlideShow'), {
                    timed: true,  
                    showInfopane: true, 
                    showMenu: true,  
                    embedLinks: true, 
                    fadeDuration: 500, 
                    readMore: true, 
                    readMoreText: 'Read More', 
                    showTitle: true, 
                    titleLink: true, 
                    showDescription: true, 
            
                    scrollBar: true,
                    itemCount: 10,  
                    scrollBarContent:    $('TPNiceSlideShowMenuWrp'),  
                    scrollBarArea: $('tpniceslideshow_scrollbar'),
                    scrollBarHandle: $('tpniceslideshow_handle'), 
            
                    delay: 3000
                });
            }
            window.onDomReady(startTPNiceSlideShow);
            
            /* ]]> */
</script>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript"> jQuery.noConflict();</script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/sanphamScript.js"></script>

</head>
<body>
  <div id="wap">
    <!--Header--><div id="wap-header">
        <div id="header">
            <a class="logo " href=" ">
                <img src="images/logo.png" alt="">
            </a>
            <!--search-->
            <div id="search">
                <div onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl01_LuceneSearchBox1_SearchBoxButton')" 
                    id="ctl01_LuceneSearchBox1_SearchBoxPanel">
                
                    <input type="text" id="ctl01_LuceneSearchBox1_SearchTextBox" value="Tìm sản phẩm" name="     ctl01$LuceneSearchBox1$SearchTextBox" class="placeholder">
                    <input type="button" style="width:0px;" id="ctl01_LuceneSearchBox1_SearchBoxButton" onclick="javascript:__doPostBack('ctl01$LuceneSearchBox1$SearchBoxButton','')" value="" name="ctl01$LuceneSearchBox1$SearchBoxButton" class="placeholder">
                
                </div>
             </div>
             <!--menu header-->
            <div class="clear"></div>
            <div id="menu_header">
                <ul id="primary_menu"  >
                    <li >
                        <a href="#" >Trang chủ</a>
                     </li>
                    <li >
                        <a href="sanpham.php">Sản Phẩm</a>
                    </li>
                    <li >
                        <a href="#">Thư viện Spirulina</a>
                    </li>
                    <li >
                        <a href="#">Làm đẹp và Sức khỏe</a>
                    </li>
                    <li >
                        <a href="#">Về Angel life</a>
                    </li>
                </ul>
            </div>
        </div>
        </div>
        <!--ket thuc header-->
        <!--bat dau Content-->
        <div id="content">
            
            <?php echo 'thanh cong' ?>
            <div id="gioithieu">
                
                
                        <!-- script -->
                        
                        
							   <div class="TPNSSwrapper">
									<div id="TPNiceSlideShow">
										  <div class="imageElement">
											<h3>
												The Celebrities</h3>
											<p>
												Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse</p>
											<a href="#" title="open link" class="open"></a><img src="files/11193000.jpg" class="full" alt="The Celebrities" /></div>
												<div class="imageElement">
											<h3>
												Eaque ipsa quae
											</h3>
											<p>
												illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
												Nemo enim ipsam voluptatem quia voluptas
											</p>
											<a href="#" title="open link" class="open"></a>
											<img src="files/69460000.jpg" class="full" alt="Eaque ipsa quae " />
										</div>
										<div class="imageElement">
											<h3>
												The Celebrities</h3>
											<p>
												Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse</p>
											<a href="#" title="open link" class="open"></a>
											<img src="files/11193000.jpg" class="full" alt="The Celebrities" />
										</div>
										<div class="imageElement">
											<h3>
												Bolt - Box Office</h3>
											<p>
												Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
												laudantium, totam rem aperiam</p>
											<a href="#" title="open link" class="open"></a>
											<img src="files/12629000.jpg" class="full" alt="Bolt - Box Office" />
										</div>
										<div class="imageElement">
											<h3>
												Voluptatem sequi nesciunt</h3>
											<p>
												Neque porro quisquam est, qui dolorem ipsum quia dolor
											</p>
											<a href="#" title="open link" class="open"></a>
											<img src="files/17018000.jpg" class="full" alt="Voluptatem sequi nesciunt" />
										</div>
										<div class="imageElement">
											<h3>
												From Oprah to Springsteen</h3>
											<p>
												Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam
												quaerat voluptatem. Ut enim a</p>
											<a href="#" title="open link" class="open"></a>
											<img src="files/37400000.jpg" class="full" alt="From Oprah to Springsteen" />
										</div>
										<div class="imageElement">
											<h3>
												Eaque ipsa quae
											</h3>
											<p>
												illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
												Nemo enim ipsam voluptatem quia voluptas
											</p>
											<a href="#" title="open link" class="open"></a>
											<img src="files/69460000.jpg" class="full" alt="Eaque ipsa quae " />
										</div>
										<div class="imageElement">
											<h3>
												Red Carpet</h3>
											<p>
												Architecto beatae vitae dicta beatae vitae dicta</p>
											<a href="#" title="open link" class="open"></a>
											<img src="files/22176000.jpg" class="full" alt="Red Carpet" />
										</div>
												<div class="imageElement">
											<h3>
												Eaque ipsa quae
											</h3>
											<p>
												illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
												Nemo enim ipsam voluptatem quia voluptas
											</p>
											<a href="#" title="open link" class="open"></a>
											<img src="files/69460000.jpg" class="full" alt="Eaque ipsa quae " />
										</div>
										<div class="imageElement">
											<h3>
												2009 Grammy Nomination Concert</h3>
											<p>
												Quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid
												ex ea commodi consequatur?
											</p>
											<a href="#" title="open link"
												class="open"></a>
											<img src="files/23785000.jpg" class="full" alt="2009 Grammy Nomination Concert" />
										</div>
									</div>
									<div id="TPNiceSlideShowMenuWrp">
										<div id="TPNiceSlideShowMenu">
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/11193001.jpg" alt="The Celebrities" />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">The Celebrities</span><br />
														<span class="tpnssmenu_desc">Quis autem vel eum iure re</span> </a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/17018001.jpg" alt="The Celebrities" />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">The Celebrities</span><br />
														<span class="tpnssmenu_desc">Quis autem vel eum iure re</span> </a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/12629001.jpg" alt="Bolt - New Box Office" />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">Bolt - New Box Office</span><br />
														<span class="tpnssmenu_desc">Sed ut perspiciatis unde omnis iste natus </span>
													</a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/17018001.jpg" alt="Voluptatem sequi nesciunt" />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">Voluptatem sequi nesciunt</span><br />
														<span class="tpnssmenu_desc">Neque porro quisquam est, qui dolorem </span></a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/23785001.jpg" alt="2009 Grammy Nominat .." />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">2009 Grammy Nominat ..</span><br />
														<span class="tpnssmenu_desc">Quis nostrum exercitationem</span> </a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/37400001.jpg" alt="From Oprah to Springs ..." />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">From Oprah to Springs ...</span><br />
														<span class="tpnssmenu_desc">Sed quia non numquam eius modi tempora incidunt ut
														</span></a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/69460001.jpg" alt="Eaque ipsa quae " />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">Eaque ipsa quae </span>
														<br />
														<span class="tpnssmenu_desc">Eaque ipsa quae ab illo </span></a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/23785001.jpg" alt="2009 Grammy Nominat .." />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">2009 Grammy Nominat ..</span><br />
														<span class="tpnssmenu_desc">Quis nostrum exercitationem</span> </a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/22176001.jpg" alt="Red Carpet" />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">Red Carpet</span><br />
														<span class="tpnssmenu_desc">Architecto beatae vitae dicta</span> </a>
												</p>
											</div>
											<div class="TPNiceSlideShowMenuContent">
												<img src="files/23785001.jpg" alt="2009 Grammy Nominat .." />
												<p>
													<a href="javascript:void(0);"><span class="tpnssmenu_title">2009 Grammy Nominat ..</span><br />
														<span class="tpnssmenu_desc">Quis nostrum exercitationem</span> </a>
												</p>
											</div>
											
										</div>
									</div>
									<div id="tpniceslideshow_scrollbar" class="tpniceslideshow_scrollbar-vert">
										<div id="tpniceslideshow_handle" class="tpniceslideshow_handle-vert">
										</div>
									</div>
								</div>	
												
                           <!--end  script -->
                
            </div>
            
            <div id="sanphamnoibat">
                   
                    <!-- script -->
                               
                 
					<ul id="mycarousel">
								<li>
									<h3>TinySlideshow v1</h3>
									<span>photos/orange-fish.jpg</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
									<a href="#"><img src="thumbnails/orange-fish-thumb.jpg" alt="Orange Fish" /></a>
								</li>
								<li>
									<h3>Sea Turtle</h3>
									<span>photos/sea-turtle.jpg</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
									<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
								</li>
								<li>
									<h3>Red Coral</h3>
									<span>photos/red-coral.jpg</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
									<a href="#"><img src="/thumbnails/red-coral-thumb.jpg" alt="Red Coral" /></a>
								</li>
								<li>
									<h3>Coral Reef</h3>
									<span>photos/coral-reef.jpg</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
									<a href="#"><img src="thumbnails/coral-reef-thumb.jpg" alt="Coral Reef" /></a>
								</li>
								<li>
									<h3>Blue Fish</h3>
									<span>photos/blue-fish.jpg</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
									<img src="thumbnails/blue-fish-thumb.jpg" alt="Blue Fish" />
								</li>
								<li>
									<h3>TinySlideshow v.2</h3>
									<span>photos/yellow-fish.jpg</span>
									<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
									<a href="#"><img src="thumbnails/yellow-fish-thumb.jpg" alt="Yellow Fish" /></a>
								</li>							
						</ul>
								<div id="wrapper">
										<div id="image"></div>
									<div id="thumbnails">
										<div id="slideleft" title="Slide Left"></div>
										<div id="slidearea">
											<div id="slider"></div>
										</div>
										<div id="slideright" title="Slide Right"></div>
									</div>
								</div>

				<script type="text/javascript">
				/*
				 	$('slideshow').style.display='none';
				 					$('wrapper').style.display='block';
				 					var slideshow=new TINY.slideshow("slideshow");
				 					window.onload=function(){
				 						slideshow.auto=true;
				 						slideshow.speed=5;
				 						slideshow.link="linkhover";
				 						slideshow.info="information";
				 						slideshow.thumbs="slider";
				 						slideshow.left="slideleft";
				 						slideshow.right="slideright";
				 						slideshow.scrollSpeed=4;
				 						slideshow.spacing=5;
				 						slideshow.active="#fff";
				 						slideshow.init("slideshow","image","imgprev","imgnext","imglink");
				 					}
				 */
				</script>

                   <!-- end script -->
                   
            </div>
        </div>
        
        <!--Footer-->
        <div id="footer">
            <div id="footer-top"></div>
            <div id="footer-bottom"></div>
        </div>
  </div>
 
</body>
</html>
